<template>
	<view class="after-sale-phone" style="width: 750rpx;margin-top: 100rpx;text-align: center;">
		<view class="tit" style="color:#999999;font-size: 22rpx;">售后服务电话</view>
		<view>
			<uni-icon type="phone" size="18" color="#000"></uni-icon>
			<text class="con" @click="phoneCall" style="color: #2d64b3;font-size: 26rpx;">400-700-8090</text>
		</view>
	</view>
</template>

<script>
	/**
	 * 拨打电话组件
	 */
	import uniIcon from "@/components/uni-icon.vue"
	export default {
		components: {
			uniIcon
		},
		data() {
			return {}
		},
		onLoad() {
		},
		methods: {
			/**
			 * 拨打电话
			 */
			phoneCall() {
				uni.makePhoneCall({
					phoneNumber: '400-700-8090'
				});
			}
		}
	}
</script>

<style lang="scss">
	.after-sale-phone{
		width: 750rpx;
		margin-top: 100rpx;
		text-align: center;
		.tit{
			color: $uni-text-color-grey;
			font-size: $uni-font-size-sm1;
		}
		.con{
			font-size: $uni-font-size-sm2;
		}
	}
		
</style>